<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<style>

    .compound {

        /* font-style（改斜体，可以省略） font-weight（加粗，可以省略） fon-size（字体大小，不可省略）/ilne-height（行高，单位：px，可以省略） font-fanmily（字体类型  如：楷体，不可省略） -----复合属性写法，顺序不能错乱*/

        font: italic 700 16px 楷体;
    }
    /* font-weight:900(写100-900，小于400为细字体，大于400为粗字体) ----加粗字体、减细字体*/

    .boldface {

        font-weight: 900;
    }

    /* 字体设置为25像素 */

.typefaces {

   font-size: 25px;
}

    /*itail--倾斜  normal(常用)--不倾斜*/

.italic {

    font-style:italic;
}

    /* 复合属性写法，省略部分属性后 */
.size1 {

    font: 13px 微软雅黑;

}

    /* 多个字体之间用逗号隔开，如果计算机没有前置字体，将继续沿用后边字体 */

.zitileixing {

    font-family: '黑体',"微软雅黑";

}





</style>
</head>
<body>

    <div class="compound">请加粗字体，改成斜体，16像素字体，楷体字</div>

    <div class="boldface">请加粗字体</div>

    <div class="typefaces">请改成25像素字体</div>

    <div class="italic">请把字体改为斜体</div>

    <div class="size1">请使用复合属性写法，把字体改为13元素微软雅黑字体</div>

    <div class="zitileixing">请改成黑体字</div>
    
</body>
</html>